<page-header></page-header>
<nz-card [nzBordered]="false">
  <div nz-row>
    <div nz-col [nzXs]="24" [nzSm]="8" class="header-info">
      <span class="text-grey-dark">余额</span>
      <span class="d-block display-2">{{account?.balance}}.00</span>
      <em></em>
    </div>
    <div nz-col [nzXs]="24" [nzSm]="8" class="header-info">
      <span class="text-grey-dark">入账</span>
      <span class="d-block display-2">{{account?.booked}}.00</span>
      <em></em>
    </div>
    <div nz-col [nzXs]="24" [nzSm]="8" class="header-info">
      <span class="text-grey-dark">支出</span>
      <span class="d-block display-2">{{account?.spending}}.00</span>
    </div>
  </div>
</nz-card>
<nz-card [nzHoverable]="true" [nzBordered]="false">
  <st #st [data]="data" [loading]="loading" [columns]="columns"></st>
</nz-card>
